<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="./css/bootstrap.min.css">
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/index.css">
    <script src="./js/jquery-3.3.1.min.js"></script>
    <script src="./js/bootstrap.min.js"></script>
    <script src="./js/index.js"></script>
    <script src="./js/iscroll.js"></script>
</head>
<style>
   /* pc端轮播图样式 */
   .PcImg{
        width: 100%;
        height: 410px;
        display: block;
        background-position: center center;
        /* 图片的高度可能和父容器的高度不一致  用cover来填充 */
        background-size: cover;
    }
    /* 移动端轮播图样式 */
    .mobileImg{
     width: 100%;
     display: block;
   }
   .mobileImg > img{
     width: 100%;
     display: block;
   }
</style>
<body>
<!-- 头部块 -->
<header class="wjs_header hidden-xs hidden-sm">
    <div class="container">
        <div class="row">
            <div class="col-md-2">
                <a href="javascript:;" class="wjs_code">
                    <span class="glyphicon glyphicon-phone"></span>
                    <span>手机微金所</span>
                    <span class="glyphicon glyphicon-chevron-down"></span>
                    <img src="./img/code.png" width="100px" alt="">
                </a>
            </div>
            <div class="col-md-5">
                <span class="glyphicon glyphicon-phone-alt"></span>
                <a href="javascript:;">4006-89-4006(服务时间 balabala) 联系在线客服</a>
            </div>
            <div class="col-md-2">
                <a href="javascritp:;">常见问题</a>&nbsp;&nbsp;
                <a href="javascritp:;">财富登录</a>
            </div>
            <div class="col-md-3">
                <button type="button" class="btn btn-danger">免费注册</button>&nbsp;&nbsp;
                <a href="javascript:;">登录</a>
            </div>
        </div>
    </div>
</header>
<!-- 导航图 -->
<nav class="wjs_nav navbar navbar-default">
    <div class="container">
      <div class="navbar-header">
        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
          <span class="sr-only">Toggle navigation</span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </button>
        <a class="navbar-brand" href="#">Brand</a>
      </div>
  
      <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
        <ul class="nav navbar-nav hidden-sm">
          <li class="active"><a href="#">我要投资 <span class="sr-only">(current)</span></a></li>
          <li><a href="#">我要借贷</a></li>
          <li><a href="#">平台介绍</a></li>
          <li><a href="#">新手专区</a></li>
          <li><a href="#">最新动态</a></li>
          <li><a href="#">微平台</a></li>
        </ul>
        <ul class="nav navbar-nav navbar-right">
          <li><a href="#">个人中心</a></li>
        </ul>
      </div><!-- /.navbar-collapse -->
    </div><!-- /.container-fluid -->
</nav>
<!-- 轮播图 -->
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
    <!-- Indicators -->
    <ol class="carousel-indicators">
      <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
      <li data-target="#carousel-example-generic" data-slide-to="1"></li>
      <li data-target="#carousel-example-generic" data-slide-to="2"></li>
      <li data-target="#carousel-example-generic" data-slide-to="3"></li>
    </ol>
  
    <!-- Wrapper for slides -->
<div class="carousel-inner" role="listbox">
  <div class="item active" data-large-image="./img/banner1.png" data-small-image="./img/banner1_m.png">
  </div>
  <div class="item" data-large-image="./img/banner2.png" data-small-image="./img/banner2_m.png">  
  </div>
  <div class="item" data-large-image="./img/banner3.png" data-small-image="./img/banner3_m.png">   
  </div>
  <div class="item" data-large-image="./img/banner4.png" data-small-image="./img/banner4_m.png">
  </div>
  </div>

  <!-- Controls -->
  <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
    <span class="sr-only">Previous</span>
  </a>
  <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
    <span class="sr-only">Next</span>
  </a>
</div>
<!-- 信息块 -->
<div class="wjs_info hidden-xs">
  <div class="container">
    <div class="row">
      <!-- bootstrap媒体标签 -->
      <div class="col-sm-6 col-md-4">
        <a href="javascript:;">
          <div class="media">
            <div class="media-left">
              <span class="wjs_icon glyphicon glyphicon-save"></span>
            </div>
            <div class="media-body">
              <h4 class="media-heading">支持交易保障</h4>
              <p>银联支持全程保障安全</p>
            </div>
          </div>
        </a>
      </div>
      <div class="col-sm-6 col-md-4">
        <a href="javascript:;">
          <div class="media">
            <div class="media-left">
              <span class="wjs_icon glyphicon glyphicon-save"></span>
            </div>
            <div class="media-body">
              <h4 class="media-heading">支持交易保障</h4>
              <p>银联支持全程保障安全</p>
            </div>
          </div>
        </a>
      </div>
      <div class="col-sm-6 col-md-4">
        <a href="javascript:;">
          <div class="media">
            <div class="media-left">
              <span class="wjs_icon glyphicon glyphicon-save"></span>
            </div>
            <div class="media-body">
              <h4 class="media-heading">支持交易保障</h4>
              <p>银联支持全程保障安全</p>
            </div>
          </div>
        </a>
      </div>
      <div class="col-sm-6 col-md-4">
        <a href="javascript:;">
          <div class="media">
            <div class="media-left">
              <span class="wjs_icon glyphicon glyphicon-save"></span>
            </div>
            <div class="media-body">
              <h4 class="media-heading">支持交易保障</h4>
              <p>银联支持全程保障安全</p>
            </div>
          </div>
        </a>
      </div>
      <div class="col-sm-6 col-md-4">
        <a href="javascript:;">
          <div class="media">
            <div class="media-left">
              <span class="wjs_icon glyphicon glyphicon-save"></span>
            </div>
            <div class="media-body">
              <h4 class="media-heading">支持交易保障</h4>
              <p>银联支持全程保障安全</p>
            </div>
          </div>
        </a>
      </div>
      <div class="col-sm-6 col-md-4">
        <a href="javascript:;">
          <div class="media">
            <div class="media-left">
              <span class="wjs_icon glyphicon glyphicon-save"></span>
            </div>
            <div class="media-body">
              <h4 class="media-heading">支持交易保障</h4>
              <p>银联支持全程保障安全</p>
            </div>
          </div>
        </a>
      </div>
    </div>
  </div>
</div>
<!-- 预约块 -->
<div class="wjs_reverse hidden-xs">
    <div class="container">
        <div class="row">
            <div class="col-sm-9">
                <span class="wjs_icon glyphicon glyphicon-link"></span>
                现在有272人在排队 累计预约交易成功7571次 立即预约
                <a href="javacript:;">什么叫预约投标</a>
                <a href="javascript:;" class="reverse_now">立即预约</a>
            </div>
            <div class="col-sm-3">
              <span class="wjs_icon glyphicon glyphicon-hd-video"></span>
              <a href="javascript:;">宣传片</a>
            </div>
        </div>
    </div>
</div>
<!-- 产品块 -->
<div class="wjs_product">
    <div class="container">
    <!-- bootstrap标签页 -->
      <div>
          <div class="tabs_parent">
              <!-- Nav tabs -->
              <ul class="nav nav-tabs" role="tablist">
              <li role="presentation" class="active"><a href="#p1" aria-controls="home" role="tab" data-toggle="tab">特别推荐</a></li>
              <li role="presentation"><a href="#p2" aria-controls="profile" role="tab" data-toggle="tab">微投资</a></li>
              <li role="presentation"><a href="#p3" aria-controls="messages" role="tab" data-toggle="tab">微小宝</a></li>
              <li role="presentation"><a href="#p4" aria-controls="settings" role="tab" data-toggle="tab">月月盈</a></li>
              <li role="presentation"><a href="#p5" aria-controls="settings" role="tab" data-toggle="tab">稳赢宝</a></li>
              <li role="presentation"><a href="#p6" aria-controls="settings" role="tab" data-toggle="tab">海航通宝</a></li>
              <li role="presentation"><a href="#p7" aria-controls="settings" role="tab" data-toggle="tab">微金宝</a></li>
              </ul>
          </div>
        
          <!-- Tab panes -->
          <div class="tab-content">
              <div role="tabpanel" class="tab-pane active" id="p1">
                  <div class="container">
                      <div class="row">
                          <div class="col-xs-12 col-sm-6 col-md-4">
                              <div class="wjs_pBox active">
                                  <div class="wjs_pLeft">
                                      <p>新手体验1002期</p>
                                      <div class="row">
                                          <div class="col-xs-6">
                                              <p>起投金额(元)</p>
                                              <p>0.01万</p>
                                          </div>
                                          <div class="col-xs-6">
                                              <p>起投金额(元)</p>
                                              <p>0.01万</p>
                                          </div>
                                          <div class="col-xs-6">
                                              <p>起投金额(元)</p>
                                              <p>0.01万</p>
                                          </div>
                                          <div class="col-xs-6">
                                              <p>起投金额(元)</p>
                                              <p>0.01万</p>
                                          </div>
                                      </div>
                                  </div>
                                  <div class="wjs_pRight">
                                      <b>8</b>
                                      <sub>%</sub>
                                      <p>年利率</p>
                                  </div>
                              </div>
                          </div>
                          <div class="col-xs-12 col-sm-6 col-md-4">
                              <div class="wjs_pBox">
                                  <div class="wjs_pLeft">
                                      <p>新手体验1002期</p>
                                      <div class="row">
                                          <div class="col-xs-6">
                                              <p>起投金额(元)</p>
                                              <p>0.01万</p>
                                          </div>
                                          <div class="col-xs-6">
                                              <p>起投金额(元)</p>
                                              <p>0.01万</p>
                                          </div>
                                          <div class="col-xs-6">
                                              <p>起投金额(元)</p>
                                              <p>0.01万</p>
                                          </div>
                                          <div class="col-xs-6">
                                              <p>起投金额(元)</p>
                                              <p>0.01万</p>
                                          </div>
                                      </div>
                                  </div>
                                  <div class="wjs_pRight">
                                      <div class="wjs_tip">
                                          <!-- bootstrap的提示插件 -->
                                          <!-- 显示的方向 得初始化 tooltip -->
                                          <span class="btn btn-default" data-toggle="tooltip" data-placement="top" title="微金宝">宝</span>
                                          <span class="btn btn-default" data-toggle="tooltip" data-placement="top" title="北京">北</span>
                                      </div>
                                      <b>8</b>
                                      <sub>%</sub>
                                      <p>年利率</p>
                                  </div>
                              </div>
                          </div>
                          <div class="col-xs-12 col-sm-6 col-md-4">
                              <div class="wjs_pBox">
                                  <div class="wjs_pLeft">
                                      <p>新手体验1002期</p>
                                      <div class="row">
                                          <div class="col-xs-6">
                                              <p>起投金额(元)</p>
                                              <p>0.01万</p>
                                          </div>
                                          <div class="col-xs-6">
                                              <p>起投金额(元)</p>
                                              <p>0.01万</p>
                                          </div>
                                          <div class="col-xs-6">
                                              <p>起投金额(元)</p>
                                              <p>0.01万</p>
                                          </div>
                                          <div class="col-xs-6">
                                              <p>起投金额(元)</p>
                                              <p>0.01万</p>
                                          </div>
                                      </div>
                                  </div>
                                  <div class="wjs_pRight">
                                      <b>8</b>
                                      <sub>%</sub>
                                      <p>年利率</p>
                                  </div>
                              </div>
                          </div>
                          <div class="col-xs-12 col-sm-6 col-md-4">
                              <div class="wjs_pBox">
                                  <div class="wjs_pLeft">
                                      <p>新手体验1002期</p>
                                      <div class="row">
                                          <div class="col-xs-6">
                                              <p>起投金额(元)</p>
                                              <p>0.01万</p>
                                          </div>
                                          <div class="col-xs-6">
                                              <p>起投金额(元)</p>
                                              <p>0.01万</p>
                                          </div>
                                          <div class="col-xs-6">
                                              <p>起投金额(元)</p>
                                              <p>0.01万</p>
                                          </div>
                                          <div class="col-xs-6">
                                              <p>起投金额(元)</p>
                                              <p>0.01万</p>
                                          </div>
                                      </div>
                                  </div>
                                  <div class="wjs_pRight">
                                      <b>8</b>
                                      <sub>%</sub>
                                      <p>年利率</p>
                                  </div>
                              </div>
                          </div>
                      </div>
                  </div>
              </div>
              <div role="tabpanel" class="tab-pane" id="p2">2</div>
              <div role="tabpanel" class="tab-pane" id="p3">3</div>
              <div role="tabpanel" class="tab-pane" id="p4">4</div>
              <div role="tabpanel" class="tab-pane" id="p5">5</div>
              <div role="tabpanel" class="tab-pane" id="p6">6</div>
              <div role="tabpanel" class="tab-pane" id="p7">7</div>
          </div>
      </div>
    </div>
</div>
<!-- 新闻块 -->
<div class="wjs_news">
    <div class="container">
        <div class="row">
            <div class="col-md-2 col-md-offset-2">
                    <h3 class="wjs_newsTitle">全部新闻</h3>
            </div>
            <div class="col-md-1">
                <!-- 虚线的添加 -->
                <div class="wjs_newsLine hidden-xs hidden-sm"></div>
                <!-- Nav tabs -->
                <ul class="nav nav-tabs" role="tablist">
                    <li role="presentation" class="active"><a href="#home" aria-controls="home" role="tab" data-toggle="tab">
                        <span class="glyphicon glyphicon-folder-open"></span>
                    </a></li>
                    <li role="presentation"><a href="#profile" aria-controls="profile" role="tab" data-toggle="tab">
                        <span class="glyphicon glyphicon-folder-open"></span>
                    </a></li>
                    <li role="presentation"><a href="#messages" aria-controls="messages" role="tab" data-toggle="tab">
                        <span class="glyphicon glyphicon-folder-open"></span>
                    </a></li>
                    <li role="presentation"><a href="#settings" aria-controls="settings" role="tab" data-toggle="tab">
                        <span class="glyphicon glyphicon-folder-open"></span>
                    </a></li>
                </ul>
            </div>
            <div class="col-md-7">
                <!-- Tab panes -->
                <div class="tab-content">
                    <div role="tabpanel" class="tab-pane active" id="home">111111111111111111111111111111111111111111</div>
                    <div role="tabpanel" class="tab-pane" id="profile">222222222222222222222222222222222222222222222</div>
                    <div role="tabpanel" class="tab-pane" id="messages">3333333333333333333333333333333333333333</div>
                    <div role="tabpanel" class="tab-pane" id="settings">444444444444444444444444444444444444444444</div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- 合作伙伴 -->
<footer class="wjs_partner">
    <div class="container">
        <h3>合作伙伴</h3>
        <ul>
            <li><a href="javascript:;" class="wjs_icon glyphicon glyphicon-wrench"></a></li>
            <li><a href="javascript:;" class="wjs_icon glyphicon glyphicon-globe"></a></li>
            <li><a href="javascript:;" class="wjs_icon glyphicon glyphicon-filter"></a></li>
            <li><a href="javascript:;" class="wjs_icon glyphicon glyphicon-xbt"></a></li>
            <li><a href="javascript:;" class="wjs_icon glyphicon glyphicon-scale"></a></li>
            <li><a href="javascript:;" class="wjs_icon glyphicon glyphicon-object-align-top"></a></li>
            <li><a href="javascript:;" class="wjs_icon glyphicon glyphicon-piggy-bank"></a></li>
            <li><a href="javascript:;" class="wjs_icon glyphicon glyphicon-bishop"></a></li>
        </ul>
    </div>
</footer>

    

</body>
</html>